<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目管理-项目列表</title>
    <link rel="stylesheet" href="../../../../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../../../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="../../../../../../lib/datetimepicker/css/datetimepicker.min.css">
    <link rel="stylesheet" href="../../../../../../lib/zui/zui.css">
    <link rel="stylesheet" href="projectView.css">
</head>
<body>
<div class="ifrContainer">
<!--面包屑导航-->

<ol class="breadcrumb">
    <i class="icon icon-th-list"></i>
    <li><a href="../../../../projectList/projectList.html">项目管理</a></li>
    <li><a href="#">项目基本资料</a></li>
</ol>


<div id="nav-wrap" class="nav-wrap">
    <div class="left">
        <ul id="tab-first" class="nav nav-primary">
            <li class="active"><a href="#" data-target="#tab2Content1">项目基本资料</a></li>
            <li><a href="#" class="tab2Content2">工地数据管理</a></li>
            <li><a href="#" class="tab2Content3">班组资金管理</a></li>
            <li><a href="#" class="tab2Content4">项目资金管理</a></li>
            <li class="disabled"><a href="javascript:;">工程预决算</a></li>
        </ul>
        <button class="btn btn-primary edit-style">编辑</button>
    </div>
    <div class="tab-content">
        <div class="tab-pane fade active in" id="tab2Content1">
            <!--中间表单内容-->

                <div class="selection">
                    <p class="color-orange filmSize">基本信息填写</p>
                    <div id="input-group" class="row-fluid">
                        <div class="order-num padding-top-0">
                            <p class="filmSize">项目名称</p>
                            <input type="text"  class="form-control" placeholder="请输入工程名称" data-name="projectName"/>

                        </div>
                        <div class="order-num">
                            <p class="filmSize">项目承包人</p>
                            <input type="text"  class="form-control" placeholder="请选择项目承包人" data-name="contractorName"/>

                        </div>
                        <div class="order-num">
                            <p class="filmSize">承包单位</p>
                            <input type="text" class="form-control" placeholder="请选择承建单位" data-name="constructionUnit"/>
                        </div>
                    </div>
                </div>
                <div class="img" data-name="contractorAuthorization">
                    <p class="filmSize color-orange">项目承包人的劳务授权书</p>
                    <div class=" ">
                        <div class="addImg">
                            <div data-pic="contractorAuthorization1" data-purl="imgs/header.png">上传图片</div>
                        </div>
                        <div class="addImg">
                            <div data-pic="contractorAuthorization2" data-purl="imgs/header.png">上传图片</div>
                        </div>
                        <div class="addImg">
                            <div data-pic="contractorAuthorization3" data-purl="imgs/header.png">上传图片</div>
                        </div>
                    </div>
                    <div class="col-sm-2 teachbook">
                        <p>*请上传劳务授权书，格式支持jpg、png上传头像大小须小于500k</p>
                    </div>
                </div>
                <div class="order-num">
                    <p class="filmSize ">建设单位</p>
                    <input type="text" class="form-control serOrder-num" placeholder="请输入施工单位" data-name="constructUnit"/>
                </div>
                <div class="img" data-name="constructAuthorization">
                    <p class="filmSize color-orange">承建单位的劳务授权书</p>
                    <div class=" ">
                        <div class="addImg">
                            <div data-pic="constructAuthorization1" data-purl="imgs/header.png">上传图片</div>
                        </div>
                        <div class="addImg">
                            <div data-pic="constructAuthorization2" data-purl="imgs/header.png">上传图片</div>
                        </div>
                        <div class="addImg">
                            <div data-pic="constructAuthorization3" data-purl="imgs/header.png">上传图片</div>
                        </div>
                    </div>
                    <div class="col-sm-2 teachbook">
                        <p>*请上传劳务授权书，格式支持jpg、png上传头像大小须小于500k</p>
                    </div>
                </div>
                <div class="order-num">
                    <p class="filmSize ">开工日期</p>
                    <input type="text" class="form-control form-date" placeholder="选择或者输入一个日期：yyyy-MM-dd" data-name="projectStart">
                </div>
                <div class="selection">
                    <div class="order-num">
                        <p class="filmSize">工程地址</p>
                        <input type="text" class="form-control " placeholder="请输入工程地址" data-name="projectAddress"/>
                    </div>
                    <div class="order-num">
                        <p class="filmSize">工程类型</p>
                        <select class="form-control kinds-ser" data-name="projectType">
                           <!-- <option value="1"><a href="###">市政</a></option>
                            <option value="2"><a href="###">土建</a></option>
                            <option value="3"><a href="###">水利</a></option>
                            <option value="4"><a href="###">交通</a></option>
                            <option value="5"><a href="###">山体治理</a></option>-->
                        </select>
                    </div>
                    <div class="order-num">
                        <p class="filmSize">工程总价</p>
                        <input type="text" class="form-control" placeholder="请输入工程总价" data-name="projectTotalPrice"/>
                    </div>
                    <div class="order-num">
                        <p class="filmSize">项目阶段</p>
                        <input type="text" class="form-control " placeholder="请输入项目阶段" data-name="projectStage"/>
                    </div>
                    <div class="order-num">
                        <p class="filmSize">项目状态</p>
                        <select class="form-control kinds-ser" data-name="projectDataStatus">
                            <option ><a href="###">请选择项目状态</a></option>
                            <option value="0"><a href="###">公开</a></option>
                            <option value="1"><a href="###">不公开</a></option>
                        </select>
                    </div>
                    <div class="order-num">
                        <p class="filmSize">项目进程</p>
                        <select class="form-control kinds-ser" data-name="projectCourse">
                            <option><a href="###">请选择项目进程</a></option>
                            <option value="0"><a href="###">在建</a></option>
                            <option value="1"><a href="###">完工</a></option>
                        </select>
                    </div>
                </div>

        </div>
        <!--表格-->
        <div class="bootstrap-table">
            <div class="fixed-table-toolbar">
                <div class="bs-bars pull-left">
                    <h3>分包项目</h3>
                    <div id="toolbar">
                        <button class="btn btn-warning  addTeam">新增班组</button>
                        <button class="btn btn-info dealAll">批量操作</button>
                    </div>
                </div>
            </div>
            <div class="fixed-table-container table-no-bordered">
                <div class="fixed-table-header">

                </div>
                <div class="fixed-table-body">
                    <table id="teamTable"
                           data-query-params="teamTableQuery"
                           data-striped="true"
                           data-toolbar="#toolbar"
                           data-search="false"
                           data-show-refresh="false"
                           data-show-toggle="false"
                           data-show-columns="false"
                           data-show-export="false"
                           data-detail-view="false"
                           data-minimum-count-columns="2"
                           data-show-pagination-switch="false"
                           data-pagination="true"
                           data-id-field="id"
                           data-page-list="[10, 25, 50, 100, ALL]"
                           data-show-footer="false"
                           data-side-pagination="server"
                           data-response-handler="responseHandler"
                           class="table table-hover table-no-bordered" style="margin-top: 0;">
                        <thead class="thead-color">
                        <tr>
                            <th data-field="state" data-align="center" data-valign="middle" data-checkbox="true">
                            </th>
                            <th data-field="teamId" data-align="center" data-valign="middle" >
                                班组ID
                            </th>
                            <th data-field="userName" data-align="center" data-valign="middle">
                                分包班组承包人
                            </th>
                            <th data-field="teamTypeName" data-align="center" data-valign="middle">
                                班组类别
                            </th>
                            <th data-field="affiliatedunit" data-align="center" data-valign="middle">
                                分包班组单位
                            </th>
                            <th data-field="totalPrice" data-align="center" data-valign="middle">
                                分包总价/元
                            </th>
                            <th data-field="projectStage" data-align="center" data-valign="middle">
                                工程阶段
                            </th>
                            <th data-field="projectType" data-formatter="pjTypeFmt" data-align="center"
                                data-valign="middle">
                                承包类型
                            </th>
                            <th data-field="teamMember" data-align="center" data-valign="middle">
                                班组成员
                            </th>
                            <th data-field="add_remove" data-align="center" data-valign="middle"
                                data-formatter="addRemoveFmt">
                                操作
                            </th>

                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
                <div class="fixed-table-footer foot-btns">
                    <div class="row bottom">
                        <div class="btn-group col-sm-2 col-sm-offset-3">
                            <button class="btn btn-danger remove">删除</button>
                        </div>
                        <div class="btn-group col-sm-2">
                            <button class="btn btn-warning cancel">取消</button>
                        </div>
                        <div class="btn-group col-sm-2">
                            <button class="btn btn-info resure">确定修改</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>

</div>

</div>
<script type="text/javascript" src="../../../../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript"
        src="../../../../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../../../../lib/zui/zui.js"></script>
<script type="text/javascript" src="../../../../../../lib/layer/layer.js"></script>
<script src="zui.min.js"></script>
<script src="../../../../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="projectView.js"></script>
</body>
</html>